import type { RouteRecordRaw } from 'vue-router';

import Layout from '@/layouts/index.vue';

export const graphicsProcessedRoutes: RouteRecordRaw[] = [
  {
    path: '/graphics-processed',
    name: 'GraphicsProcessedRoot',
    component: Layout,
    redirect: '/graphics-processed/cesium',
    meta: {
      title: '图形图像处理',
      icon: 'Film',
      authCodes: [],
      visible: true,
    },
    children: [
      {
        path: '/graphics-processed/cesium',
        name: 'CesiumIndex',
        component: () => import('@/views/graphics-processed/cesium/index.vue'),
        meta: {
          authCodes: [],
          title: 'Cesium示例',
        },
      },
      {
        path: '/graphics-processed/three-js',
        name: 'ThreeJsIndex',
        component: () => import('@/views/graphics-processed/three-js/index.vue'),
        meta: {
          authCodes: [],
          title: 'ThreeJs-全景看房',
        },
      },
      {
        path: '/graphics-processed/image-cropping',
        name: 'ImageCroppingIndex',
        component: () => import('@/views/graphics-processed/image-cropping/index.vue'
        ),
        meta: {
          authCodes: [],
          title: '图片裁剪',
        },
      },
      // {
      //   path: '/graphics-processed/color-avatar',
      //   name: 'ColorAvatarIndex',
      //   component: () => import('@/views/graphics-processed/color-avatar/index.vue'
      //   ),
      //   meta: {
      //     authCodes: [],
      //     title: '头像生成',
      //   },
      // },
      {
        path: '/graphics-processed/ai-label',
        name: 'AiLabelIndex',
        component: () => import('@/views/graphics-processed/ai-label/index.vue'),
        meta: {
          authCodes: [],
          title: '图片标注',
        },
      }
    ],
  }
];
